<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <!-- 选link:favicon这个！！！ -->
    <link rel="shortcut icon" href="./bitbug_favicon.ico" type="image/x-icon" />
    <meta
      name="description"
      content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。"
    />
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物" />
    <!-- 引入css文件 -->
    <!-- 1.引入base.css -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 2.引入common.css -->
    <link rel="stylesheet" href="./css/common.css" />
  </head>
  <body>
    <!-- 快捷导航栏 shortcut 模块 start -->
    <div class="shortcut">
      <div class="w">
        <ul>
          <li><a href="#">请先登录</a></li>
          <li><a href="#">免费注册</a></li>
          <li><a href="#">我的订单</a></li>
          <li><a href="#">会员中心</a></li>
          <li><a href="#">帮助中心</a></li>
          <li><a href="#">在线客服</a></li>
          <li><a href="#">手机版</a></li>
        </ul>
      </div>
    </div>
    <!-- 快捷导航栏 shortcut 模块 end -->

    <!-- 小兔鲜儿头部 header 模块 start -->
    <div class="header w">
      <!-- logo -->
      <h1 title="小兔鲜儿">
        <a href="#">小兔鲜儿</a>
      </h1>

      <!-- 导航 nav -->
      <div class="nav">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">生鲜</a></li>
          <li><a href="#">美食</a></li>
          <li><a href="#">餐厨</a></li>
          <li><a href="#">电器</a></li>
          <li><a href="#">居家</a></li>
          <li><a href="#">洗护</a></li>
          <li><a href="#">孕婴</a></li>
          <li><a href="#">服装</a></li>
        </ul>
      </div>

      <!-- 搜索 search  -->
      <div class="search">
        <i></i>
        <input type="text" placeholder="搜一搜" />
      </div>

      <!-- 购物车 cart -->
      <div class="cart">
        <i>99+</i>
      </div>
    </div>
    <!-- 小兔鲜儿头部 header 模块 end -->

    <!-- 底部模块 footer start -->
    <div class="footer">
      <!-- 上半部分 服务部分 serive -->
      <div class="serive">
        <div class="w">
          <a href="#">价格亲民</a>
          <a href="#">物流快捷</a>
          <a href="#">品质新鲜</a>
        </div>
      </div>

      <!-- 下半部分 版权区域 copyright -->
      <div class="copyright">
        <p>
          <a href="#">关于我们</a>
          <span>|</span>
          <a href="#">帮助中心</a>
          <span>|</span>
          <a href="#">售后服务</a>
          <span>|</span>
          <a href="#">配送与验收</a>
          <span>|</span>
          <a href="#">商务合作</a>
          <span>|</span>
          <a href="#">搜索推荐</a>
          <span>|</span>
          <a href="#">友情链接</a>
        </p>
        <div class="xiao">CopyRight @ 小兔鲜儿</div>
      </div>
    </div>
    <!-- 底部模块 footer end -->
  </body>
</html>
